<template>
  <div class="subline">
    <div class="name">{{title}}</div>
    <img src="@/views/mainPage/images/title_line.jpg" alt="">
    <div class="sub_name">{{subname}}</div>
  </div>
</template>

<script>
  export default {
    name: "XSubtitle",
    props: {
      title:{type:String,default:''},
      subname:{type:String,default:''}
  }
  }
</script>

<style scoped lang="less">
.subline{
  margin:55px auto ;
  text-align: center;
  .name{
    font-size: 36px;
    font-family: "微软雅黑";
    color: #000;
  }
  .sub_name{
    font-size: 20px;
    font-family: Arial;
    color: #c1c1c1;
  }
  img{
    margin: 8px 0;
  }
}
</style>
